<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // cookie 
    // Cookie又叫会话跟踪技术，实际上就是客户端硬盘上的一个文本文件，该文件用来存储一些数据。
    // cookie 是浏览器 为了 标识用户身份  或者 长时间存储一些信息  而保存在用户本地的数据(其本质是 为了提升用户体验  而存储来用户本地的数据)

    // 如何访问网站中存储的cookie数据(前提:服务器环境)?
    // (1) 手动查找   按F2 => 开发者工具 => Application(应用) => Storage(存储) =>  Cookie  (方便cookie调试)
    // (2) JS查找    => cookie的存/取 都依赖于document.cookie

    // cookie的特征
    // (1) cookie的存/取 都依赖于document.cookie
    // (2) cookie也是以键值对形式存在的字符串(key=value)
    // (3) cookie可以设置过期时间和存储路径

    console.log(document.cookie);


    // 学习目标: cookie的设置 获取 修改 删除  => 增删改查


</script>
</html>